<template>
	<div class="wrap">
		<!-- <h1>含电气化交通负荷智能配电网</h1> -->
		<div class="experBegan" @click="jumpToModule()"></div>
	</div>
</template>

<script>
	export default {
		methods: {
			jumpToModule() {
				this.$router.push('/selectModule');
			}
		},
	};
</script>

<style scoped>
	.wrap{
		position: relative;
		width: 100%;
		height: 100%;
		background-image: url(../../assets/img/bg1.png);
		background-size: 100% 100%;
		overflow: hidden
	}
	.experBegan{
		position: absolute;
		width:210px;
		height:70px;
		left:44.3%;
		cursor: pointer;
		bottom:117px;
		background-image: url(../../assets/img/experBegan.png);
	}
	.experBegan:hover{
		position: absolute;
		width:210px;
		height:70px;
		left:44.3%;
		cursor: pointer;
		bottom:117px;
		background-image: url(../../assets/img/experBeganHover.png);
	}
</style>
